﻿* { outline: none; }

body {
  font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, sans-serif;
  font-size: 14px;
  background: #888;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

body ul li {
  margin-left: 2em;
  margin-right: 1em;
}

/* Chunk lists up a bit */
ul {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
}

li { padding-bottom: 0.5em; }

a img { border: 0; }

a { color: #809400; }

a:hover {}
a:visited,a:active,a:focus {}

.clear_float:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clear_float { display: inline-block; }
.clear_float { display: block; }
* html .clear_float { height: 1px; }

/* home page... */
#home #content { padding: 25px 95px; }
#home h3, #home h4 { margin: 0; padding: 0; }
#home h3 span { float: right; font-size: 75%;}
#home h3 { font-size: 300%; font-weight: bold; }
#home h4 { font-size: 175%; font-weight: normal; clear: both; }
#home #what_is_rubinius h3 { display: inline; margin: 0; padding: 0; float: left; }
#home #what_is_rubinius h4 { color: #69c; }
#home #what_is_rubinius h5 { line-height: 3em; text-align: right; float: right; font-size: 150%; margin: 0; padding: 0 0 0 30px; background: url(public/images/download_arrow.png) no-repeat left center; }
#home #what_is_rubinius h5 a { color: black; text-decoration: none; border: none; }
#home #what_is_rubinius h5 a:hover { color: #69c; text-decoration: underline; }
#home #why_does_it_matter { margin-top: 2em; }
#home #why_does_it_matter h4 { font-size: 150%; text-align: center; color: white; font-weight: bold; }
#home #for_business { float: left; width: 375px; }
#home #for_developers { float: right; width: 375px; }
#home #why_does_it_matter p { font-size: 130%; margin: 0 35px; line-height: 2em; }
#home #why_does_it_matter h4 { margin-top: 25px; }
#home #for_business, #home #for_developers { margin: 20px 0; background: #f6f9fd url(public/images/blue_to_white_vertical_gradient.png) repeat-x left top; }
#home p.learn_more { text-align: right; margin: 0; padding: 0; }
#home p.learn_more a { border: 1px solid #69c; padding: .25em; font-size: 75%; background: white; }
#home p.learn_more a:hover { background: #69c; color: white !important; text-decoration: none !important; border-bottom: none; }
/* ...home page */

#header h1, #header h1 a {
  width: 980px;
  height: 240px;
}

#header h1 a {
  background: black url(public/images/rubinius_header.png) no-repeat left top;
  text-indent: -100em;
  overflow: hidden;
  display: block;
  text-align: left;
}

#header h1 a:hover {  border: 0 none; }

#header h2 {
  position: absolute;
  display: inline;
  font-size: 100%;
  font-weight: normal;
  top: 200px;
  right: 95px;
}

#header h2 a {
  color: #333;
  text-decoration: none;
}

#header h6 {
  color: white;
  position: absolute;
  display: inline;
  font-size: 100%;
  font-weight: normal;
  top: 25px;
  right: 95px;
}

#header h6 a {
  text-decoration: none;
  border: none;
  color: #69c;
  font-size: 75%;
}

#git_instructions {
  background: white;
  color: #69c;
  border: 3px solid #69c;
  padding: 10px;
  top: 15px;
  right: 95px;
  position: absolute;
}

#git_instructions p { margin: 0; padding: 0; }
#git_instructions p a {
  padding: .25em 15px 0 0;
  margin: 0;
  color: #666;
  display: block;
  text-align: right;
  text-decoration: none;
  font-size: 75%;
  border: 0;
  text-transform: uppercase;
  background: url(public/images/close_x.png) no-repeat right .5em;
}

code { font-family: Monaco,courier,monospace; }

h1, h2, h3, h4, h5 {
  font-weight: normal;
  margin-bottom: 1em;
}

p {
  margin-top: 0.5em;
  font-size: 1em;
  line-height: 1.2em;
}

#container {
  width: 980px;
  margin: 0 auto;
  border-style: solid;
  border-width: 1px;
}

#header {
  height: 240px;
  background: #000;
  position: relative;
}

#menu {
  height: 49px;
  background: #4f8ac9;
  position: relative;
  border-bottom: 1px solid #3f7ab9;
}

#menu ul {
  margin: 0px 50px;
  padding-top: 16px;
  list-style: none;
}

#menu ul li { display: inline; }

#menu ul li a {
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  /* margin-left: 5px; */
  /* padding: 16px 5px 18px 5px; */
}

#menu a:hover { text-decoration: underline; }
#content { background: white; }

#content a {
  text-decoration: none;
  font-weight: bold;
  color: #3c6692;
}

#content a:hover { text-decoration: underline; }
#content ol { margin-left: inherit; }

#left-col {
  margin: 35px 0px 10px 60px;
  width: 540px;
  float: left;
  /* text-align: justify; */
}

#left-col h2,
#left-col h3 {
  padding: 0px 0px 10px 0px;
}

#left-col p { padding-bottom: 8px; }

#right-col {
  margin: 35px 60px 10px 0px;
  width: 290px;
  float: right;
}

#docs {
  margin: 30px 60px;
  width: 850px;
  height: 740px;
  border: 3px solid #444;
}

#doxy {
  margin: 30px 60px;
  width: 850px;
  height: 740px;
  border: 3px solid #444;
}

#download { height: 71px; }

#download a {
  text-decoration: none;
  color: #333;
}

#download a:hover { text-decoration: underline; }

#download h3 {
  font-family: "Times New Roman",Times,Georgia,"lucida bright",serif;
  font-size: 24px;
  padding: 14px 10px 2px 14px;
}

#download img {
  float: left;
  padding: 15px 20px 0px 20px;
}

#footer {
  height: 30px;
  padding: 6px 0px 6px 0px;
  background: #4f8ac9;
  text-align: center;
}

#footer p {
  margin-left: 40px;
  padding-top: 10px;
  color: white;
}

#footer p a { color: white; }

#tail {
  width: 980px;
  height: 20px;
  background: #4f8ac9;
}


/* Article/blog style archive index */

.archive-article { margin-bottom: 3em; }

.archive-title {
  color: white;
  background: url(public/images/footer-background.jpg) repeat-y 50% top;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-bottom: 1px solid #235;
  border-right: 1px solid #235;
  border-left: 1px solid #235;
  border-top: 0.7em solid #235;
}

#archive div.archive-title a,
#archive div.archive-title a:link,
#archive div.archive-title a:visited {
  color: white;
  font-size: 1.2em;
  font-weight: bold;
}

#archive div.archive-title a:hover,
#archive div.archive-title a:active {
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: underline;
}

.archive-stats {
  text-align: right;
  font-size: 0.9em;
  padding: 0.2em 0.5em 0.2em 0.5em;
}

.archive-body {
  text-align: left;
  padding: 0.5em 1em 0.5em 3em;
}